<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
	$(function() {
		$("#username").blur(function() {
			$.get("UserServlet", {
				username : $("#username").val()
			}, function(data, textStatus) {
				if (data == "true") {
					$("#msg").html("用户名已经存在").css("color", "#ff0000");
				} else {
					$("#msg").html("用户名可以注册").css("color", "green");
				}
			});
		});
	});
</script>

<body>
	请输入用户名：
	<input type="text" name="username" id="username">
	<span id="msg"></span>
</body>
</html>